    /******
    * -- REDEFINITIONS GENERIQUES --
    */
    html {
    }
    h1,h2,h3,h4,h5 {
        font-weight:bold;
        margin:0;
        padding:0;
    }
    a {
        cursor:pointer; 
        border:transparent solid 2px;
        text-decoration:none;
    }
        a:link, a:visited {
            color:#091182;
        }
        a:hover {      
/*             font-weight:bold; */
            color:#ffcd50;
        }
	a img{
            border:none;  
	}
    img.vignette {
        border:#c8b1fd solid 2px;     
    }	
    a img.vignette:hover {
        border:#ff5b2f solid 2px;      
    }	
    div, table, tr, td {
        border-width:0;
        padding:0;
        margin:0;
    }
    body {
        margin:0;
        padding:0;
        background-color:white;
        font-family:"Trebuchet MS",verdana,arial,helvetica,sans-serif;
    }
    /*----------- Fin des tags générique redéfinis -------*/


    /* ---------- tags de structure de la page ---------- */
    #wholepage{
    	width:100%;
        height:100%;
    }
        #border{
            position:absolute;
            max-width:9%;       
            left:1%;
        }
            #logo{
                position:relative;
                height:100px;
                width:100px;
                background: url(../imgweb/logo.jpg) no-repeat;
                background-position:center;			
            }		
            #menu{
                position:relative;
            }
            
        #main{
            position:absolute;
            top:1%;
            width:88%;
            left:10%;
        }
            #header{
                margin-bottom:5px;
            }

        #content{	        					
        }
            #content #camera table{
                width:100%;                                    
            }
            #content #camera tr{
                vertical-align:top;
            }
            #content #listeSequences .tablette{
                width:100%
            }
            						
	/* ---------- Fin des tags de structure de la page ---------- */
		
		
    /* ---------- Tags de class et id --------------------------- */        
        #menu .menu{
            padding:0;
            list-style-type:none;
        }
            #menu .menu ul{
                padding-left:0.3em;
                list-style-type:none;
            }     

        #header{
            text-align:right;            
        }
            #header #consult {
                display:inline;
                float:left;
            }
        
        #content #listeSequencesSelection{
            background-color:#c3d9ff;
            border:#a2bbdd solid 2px;	
            margin-top:5px;
        }

        #content #listeSequences{
            background-color:#a2bbdd;
            border:#a2bbdd solid 2px;	 
            border-collapse:collapse;
        }		            
            #content #listeSequences td{
                vertical-align:top;
                border-right:#a2bbdd solid 2px;
            }
            #content #listeSequences td.alignmiddle{
                vertical-align:middle;
                border-right:#a2bbdd solid 2px;
            }
                #content #listeSequences td table td{
                    border:none;
                }
            #content #listeSequences .tablette{                
                background-color:#ffffaa;                
                border:#ffcd50 solid 1px;
                font-size:0.8em;                
                margin:0.1em;
                border-spacing:0;                
            }
                #content #listeSequences .tablette th{
                    font-weight:bold;
                }
                #content #listeSequences .tablette .vignette{
                    border:#ffcd50 solid 1px;                
                }
                #content #listeSequences .tablette .vignette:hover{
                    border:red solid 1px;                
                }

            #content #listeSequences .pair{
                background-color:#c3d9ff;
            }
            #content #listeSequences .impair{
                background-color:#dfecf5;
            }
        
            #content #listeSequences .selected{
                border : #d54 solid 3px;
            }	
	
        #content #configRub{
            border:#888ffd solid 2px;
            width:80%;
        }
        #content #configRub table{
            text-align:center;
        }
        #content #configRub table .alignDroite{
            text-align:right;
        }
        #content #configRub table .alignGauche{
            text-align:left;
        }

	#bt-photo {
            width:100%;
            text-align:center;
            background-repeat:no-repeat;
            background-image:url(../imgweb/bouton.png);
            background-position:center;
	}

	.align-center{
            text-align:center;
	}
        .align-top{
            vertical-align:top;
	}
        .titre{
            text-align:center;            
        }

        /*---- Boite verte a bords arrondis ----*/
        .greenbox { 
            background-color: #ceffaa;     
            color:#fff;       
        }
            .greenbox h1, h3, H5{
                text-align:center;            
            }	
            .greenbox .titre {
                /*  */
            }
            .greenbox table.rubrique {  
                background-color:#d1ff70;
                border:#99da69 solid 3px;
            }
            .greenbox .boxtopright { 
                background: url(../imgweb/border/vertne.png) no-repeat top right; 
            }
            .greenbox .boxtopleft { 
                height: 10px; 
                background: url(../imgweb/border/vertnw.png) no-repeat top left; 
            }
            .greenbox .boxbottomright { 
                background: url(../imgweb/border/vertse.png) no-repeat bottom right; 
            }
            .greenbox .boxbottomleft { 
                height: 10px; 
                background: url(../imgweb/border/vertsw.png) no-repeat bottom left; 
            }
            .greenbox .boxcontent {
                padding: 0px 10px 0px 10px;
            }


        /*---- Boite bleue a bords arrondis ----*/
        .bleubox { 
            background-color: #888ffd;
            color:#fff;
        }
            .bleubox h1, h3, H5{
                text-align:center;            
            }	
            .bleubox table table{  
                background-color:#c8b1fd;
                border:#5c66fd solid 3px;
            }
            .bleubox .titre {              
                text-align:center;  
                font-weight:bold;
                font-size:large;
                margin-bottom:2px;
            }
            .bleubox .boxtopright { 
                background: url(../imgweb/border/bleune.png) no-repeat top right; 
            }
            .bleubox .boxtopleft { 
                height: 10px; 
                background: url(../imgweb/border/bleunw.png) no-repeat top left; 
            }
            .bleubox .boxbottomright { 
                background: url(../imgweb/border/bleuse.png) no-repeat bottom right; 
            }
            .bleubox .boxbottomleft { 
                height: 10px; 
                background: url(../imgweb/border/bleusw.png) no-repeat bottom left; 
            }
            .bleubox .boxcontent {
                padding: 0px 10px 0px 10px;
            }

        /*---- Boite orange a bords arrondis ----*/
        .lightbluebox { 
            background-color: #c3d9ff;
            color:#000;
        }
            .lightbluebox h1, h3, H5{
                text-align:center;            
            }	            
            .lightbluebox a{
                color:#000;
            }
            .lightbluebox .titre {              
                text-align:center;  
                font-weight:bold;            
                margin-bottom:2px;
            }
            .lightbluebox .boxtopright { 
                background: url(../imgweb/border/lightbluene.png) no-repeat top right; 
            }
            .lightbluebox .boxtopleft { 
                height: 6px; 
                background: url(../imgweb/border/lightbluenw.png) no-repeat top left; 
            }
            .lightbluebox .boxbottomright { 
                background: url(../imgweb/border/lightbluese.png) no-repeat bottom right; 
            }
            .lightbluebox .boxbottomleft { 
                height: 6px; 
                background: url(../imgweb/border/lightbluesw.png) no-repeat bottom left; 
            }
            .lightbluebox .boxcontent {
                padding: 0px 3px 0px 3px;
            }

/*
<div class='box'>
 <div class='boxtopright'><div class='boxtopleft'></div></div>
  <div class='boxcontent'>
   <!-- Content goes here -->
  </div>
 <div class='boxbottomright'><div class='boxbottomleft'></div></div>
</div>


        .blackbox { 
            background-color: #000000;
            color:#fff;
        }
            .blackbox h1, h3, H5{
                text-align:center;            
            }	            
            .blackbox a{
                color:#ff9d0c;
            }
            .blackbox .titre {              
                text-align:center;  
                font-weight:bold;
                font-size:x-large;
                margin-bottom:2px;
            }
            .blackbox .boxtopright { 
                background: url(../imgweb/border/blackne.png) no-repeat top right; 
            }
            .blackbox .boxtopleft { 
                height: 10px; 
                background: url(../imgweb/border/blacknw.png) no-repeat top left; 
            }
            .blackbox .boxbottomright { 
                background: url(../imgweb/border/blackse.png) no-repeat bottom right; 
            }
            .blackbox .boxbottomleft { 
                height: 10px; 
                background: url(../imgweb/border/blacksw.png) no-repeat bottom left; 
            }
            .blackbox .boxcontent {
                padding: 0px 10px 0px 10px;
            }

*/